<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
</head>
<body>


<video id="video" controls></video>


<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>

<script>
    const video = document.getElementById('video');
    const hls = new Hls();

    hls.loadSource("http://localhost:8080/video/m3u8/input.m3u8");
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED, function () {
        video.play();
    });
</script>
</body>
</html>